<template>
	<div class="order_examine">
		<top></top>
		<div class="center">
			<left></left>
			<div class="right kanban">
                <router-view></router-view>
			</div>
		</div>
		<foot></foot>
	</div>
</template>

<script>
	import axios from "axios";
	import top from '@/components/top.vue'
	import left from '@/components/left.vue'
	import foot from "@/components/foot.vue"
	export default{
		components: {
			"left": left,
			"top": top,
			"foot": foot
		},
		name: 'order_examine',
		data(){
			return{
				msg:"hello",
				options:"",
				value:""
			}
		},
		created() {
			
		}
	}
</script>

<style lang="scss" scoped>
	.order_examine{
		margin: 0; padding: 0; background: #EFEFEF;
		.center{ width: 1366px; margin: 0 auto; display: flex; justify-content: space-between;
			.kanban{ flex-basis: 1166px; background: #FFFFFF}
            .team{ background: #F9F9F9;}
            .powertop{ display: flex; width: 640px; }
            .powertopli{ flex-basis: 160px; line-height: 45px; border-top: 4px #F9F9F9 solid; color: #727272; border-right: 1px #EAEAEA solid; font-size: 14px; text-align: center;}
            .powertopact{ background: #FFFFFF; border-top: 4px #DD2727 solid;}
		}
	}
</style>
